<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://d3js.org/d3.v5.min.js"></script>
</head>

<body>

  <script>

   let scale = d3.scaleLinear().domain([1, 5]).range([0, 100])

  // let scale = d3.scaleBand().domain([1,2,3,4]).range([0,100])

  // let scale = d3.scaleOrdinal().domain(['jack', 'rose', 'john']).range([10, 20, 30])

  // let scale = d3.scaleQuantize().domain([0, 10]).range(['small', 'medium', 'long'])

  // let scale = d3.scaleTime().domain([new Date(2020,5,27),new Date(2020,10,1)]).range([0,500])

  // console.log(d3.schemeCategory10)

  // let color = d3.scaleOrdinal(d3.schemeCategory10)

  



  </script>

</body>

</html>